<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/easyui/themes/default/easyui.css">
    <link href="static/easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
    <link href="static/easyui/demo/demo.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="static/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="static/js/main.js"></script>
</head>
<body>
<div class="container">
    <span id="infoText">正在分析，请稍后</span>
    <div id="p" class="easyui-progressbar" style="width:400px;"></div>
</div>

<script type="text/javascript">
    $(function () {
        var value = $('#p').progressbar('getValue');
        if (value < 100) {
            if (value > 30) {
                $("#infoText").text("正在检索中，请稍后")
            }
            if (value > 60) {
                $("#infoText").text("检索完成，正在返回结果，请稍后")
            }
            value += Math.floor(Math.random() * 10);
            $('#p').progressbar('setValue', value);
            setTimeout(arguments.callee, 200);
        } else {
            $("#infoText").text("结果返回完毕")
        }
    })

</script>
</body>
</html>